@import '../def.scss';
.bg{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.content{
	padding: 0;
	// margin-left: 120rpx;
	width: 710rpx;
	overflow-x: hidden;
}
.center{
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 300rpx;
	padding-bottom: 60rpx;
		
	.icon{
		width: 356rpx;
		height: 356rpx;
		z-index: 5;
	}
	span{
		font-size: 28rpx;
		font-weight: 500;
		color: rgba(0,0,0,0.3);
		padding-top: 30rpx;
		line-height: 32rpx;
		z-index: 11;
	}
	
}
.tui-product-list {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 10rpx 30rpx 0;
	.tui-product-container {
		width: 100%;
	}
	.tui-pro-item {
		width: 100%;
		margin-bottom: 30rpx;
		background: #2C2C2C;
		box-sizing: border-box;
		border-radius: 32rpx;
		overflow: hidden;
		position: relative;
		box-shadow: 6rpx 10rpx 15rpx 2px rgba(0,0,0,.2);
	}
	.tui-pro-img {
		height: 380rpx;
		display: block;
		width: 100%;
	}
	
	.tui-pro-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 40rpx 30rpx;
		.title{
			font-size: 30rpx;
			font-weight: bold;
			line-height: 30rpx;
			color: #FFE5B9;
			word-break: break-all;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			padding-bottom: 20rpx;
		}
		.tui-pro-tit {
			font-size: 26rpx;
			font-weight: normal;
			line-height: 26rpx;
			letter-spacing: 0px;
			color: #FFE5B9;
			word-break: break-all;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		
	}

}
.noMore{
	text-align: center;
	font-size: 24rpx;
	color: #999999;
	line-height: 36rpx;
	display: block;
	width: 100%;
	margin: 30rpx 0;
}
